// tailwind.config.js
const colors = require('tailwindcss/colors')
module.exports = {
  darkMode: 'class',
  content: [
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}',
    './composables/**/*.{vue,js,ts}',
    './app.vue',
  ],
  theme: {
    extend: {
      colors: {
        ...colors,
        'bg-default': 'var(--bg-default)',
        'text-default': 'var(--text-default)',
        'bg-card': 'var(--bg-card)',
        'text-muted': 'var(--text-muted)',
        'primary': 'var(--primary)',
        'btn-primary': 'var(--btn-primary)',
        'btn-primary-text': 'var(--btn-primary-text)',
        'status-success': 'var(--status-success)',
        'status-warning': 'var(--status-warning)',
        // 添加这些简化的颜色名称
        'success': 'var(--status-success)',
        'warning': 'var(--status-warning)',
        'default': 'var(--text-default)',
      },
    },
  },
  safelist: [
    'text-status-success',
    'text-status-warning',
    'text-warning',
    'bg-bg-default',
    'bg-bg-card',
    'bg-primary',
    'bg-btn-primary',
    'text-text-default',
    'text-text-muted',
    'text-primary',
    'text-btn-primary-text',
  ],
  plugins: [],
}